<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>sb2</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="/webjars/jquery/3.1.1/jquery.min.js"></script>
    <script src="/webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/webjars/bootstrap/3.3.5/css/bootstrap.min.css"/>

    <script src="/webjars/vue/2.1.3/vue.js"></script>

</head>
<body style="overflow-y: hidden;">


<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">菜鸟教程</a>
        </div>
        <div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">iOS</a></li>
                <li><a href="#">SVN</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Java <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">jmeter</a></li>
                        <li><a href="#">EJB</a></li>
                        <li><a href="#">Jasper Report</a></li>
                        <li class="divider"></li>
                        <li><a href="#">分离的链接</a></li>
                        <li class="divider"></li>
                        <li><a href="#">另一个分离的链接</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>


<div class="container-fluid" >


    <div class="row" >


        <div class="col-sm-2">



            <div class="panel-group" id="accordion">

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion"
                               href="#collapseOne">
                                小工具
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in">
                        <div class="panel-body">

                            <ul class="nav">
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('mysql.html')">mysql</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('code.html')">html-code</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('image.html')">image</a>
                                </li>

                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('qrcode.html')">qrcode</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('views/jobDetail.html')">quartz</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion"
                               href="#collapseTwo">
                                系统管理
                            </a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse">
                        <div class="panel-body">
                            <ul class="nav">
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('/views/sysParam.html')">系统参数</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('/views/rbacPermission.html')">权限管理</a>
                                </li>

                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('/views/rbacRole.html')">角色管理</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('/views/rbacUser.html')">用户管理</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('/views/sysField.html')">大小类</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion"
                               href="#collapseThree">
                                vblog
                            </a>
                        </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse">
                        <div class="panel-body">
                            <ul class="nav nav-tabs nav-stacked">
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('views/edoCate.html')">分类</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('views/edoPost.html')">正文</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('views/edoTag.html')">tag</a>
                                </li>
                                <li class="title">
                                    <a href="#" data-type="index-link" onclick="fnOpen('views/sysUser.html')">文件管理</a>
                                    <ul>
                                        <li>
                                            <a href="#" >图片管理</a>
                                        </li>
                                        <li>
                                            <a href="#" >文字管理</a>
                                        </li>
                                    </ul>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </div>



        <div class="col-sm-10">
            <!--<div id="mainPage" ></div>-->
            <iframe id="mainPage" src="welcome.html" style="width: 99%;min-height: 550px; border: 0px;"></iframe>
        </div>
    </div>




</div>

<nav class="navbar navbar-default navbar-fixed-bottom" style="background-color: darkgrey">
    <div class="container">

        <ul class="nav navbar-nav">
            <li><a href="#" title="Twitter Profile">Twitter</a></li>
            <li><a href="#" title="Facebook Page">Facebook</a></li>
            <li><a href="#" title="LinkedIn Profile">LinkedIn</a></li>
            <li><a href="#" title="Google+ Profile">Google+</a></li>
            <li><a href="#" title="GitHub Profile">GitHub</a></li>
        </ul>
    </div>
</nav>

</body>
</html>


<script>


    function fnOpen(url) {

//        $('#mainPage').load(url);
        $('#mainPage').attr('src',url);

    };

</script>
